<template>
    <el-dialog :close-on-click-modal="false" :close-on-press-escape="false"  :title="title" :append-to-body="true" :visible="visible" width="800px" :closable="false" :mask-closable="false">
        <img :src="urlSrc" style="width: 100%">
        <div slot="footer">
            <el-button @click="cancel">关闭</el-button>
        </div>
    </el-dialog>
</template>
<script>
import api from "@/api/api"
import Constants from "@/utils/constants"
export default {
    name: 'CErpImage',
    data() {
        return {
            title: "",
            urlSrc: "",
            visible: false,
        }
    },
    mounted: function() {


    },
    create: function() {

    },
    methods: {
        showDialog(title, urlSrc) {
            this.title = title;
            this.urlSrc = urlSrc;
            this.visible = true;
        },
        cancel() {
            this.visible = false;
        }
    }
}
</script>
<style>
</style>